<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
${require('./include/header.html')}

<div class="container container-padding">
    <div class="api-detail-content">
        <div class="api-pic-box">
            <div class="pic">
                <img src="../assets/images/cat.jpg">
            </div>
            <div class="user-action-bar">
                <div class="user-action-item">
                    <i  class="iconfont icon-id"></i>
                    <span>54</span>
                </div>
                <div class="user-action-item">
                    <i  class="iconfont icon-link"></i>
                    <span>67529</span>
                </div>
                <div class="user-action-item">
                    <i  class="iconfont icon-shoucang"></i>
                    <span>693</span>
                </div>
            </div>
        </div>
        <div class="api-detail-info">
            <div class="api-title">
                <h3 class="title">银行卡类型及归属地</h3><span class="tag">聚合数据</span><span class="tag">聚合数据</span><span class="tag">聚合数据</span>
            </div>
            <p class="api-sub-title">输入银行卡号返回银行名称、卡类型及卡归属地等信息</p>
            <div data-toggle="apiRadioGroup" class="api-radio-group">
                <label data-remark="首次申请送50次" class="api-radio" role="radio">
                        <span class="api-radio-input">
                            <input type="radio" name="apiRadio" checked class="api-radio-origin" value="0">
                        </span>
                    <span class="api-radio-label">
                            <i class="iconfont"></i>
                            首次申请送50次
                        </span>
                </label>
                <label class="api-radio" data-label="800" role="radio">
                        <span class="api-radio-input">
                            <input type="radio" name="apiRadio" class="api-radio-origin" value="200">
                        </span>
                    <span class="api-radio-label">
                            <i class="iconfont icon--"></i>
                            800次
                        </span>
                </label>
                <label class="api-radio api-radio-pink" data-label="5000" role="radio">
                        <span class="api-radio-input">
                            <input type="radio" name="apiRadio" class="api-radio-origin" value="500">
                        </span>
                    <span class="api-radio-label">
                            <i class="iconfont icon-ji"></i>
                            5000次
                        </span>
                </label>
                <label class="api-radio api-radio-zs" data-label="10000" role="radio">
                        <span class="api-radio-input">
                            <input type="radio" name="apiRadio" class="api-radio-origin" value="100">
                        </span>
                    <span class="api-radio-label">
                            <i class="iconfont icon-shandian"></i>
                            10000次
                        </span>
                </label>
            </div>
            <div class="api-price-bar">
                <b class="price">¥0</b>
                <span class="note">（约<i class="single-price"></i>元1次），<span class="remark">首次申请送50次</span></span>
            </div>
            <div class="api-actions">
                <button type="button" class="el-btn el-btn-primary">立即申请</button>
                <button type="button" class="el-btn el-btn-primary btn-collected">
                    <i class="iconfont icon-shoucangxuanzhong"></i> <!-- 已收藏 -->
                    <i class="iconfont icon-shoucang"></i>收藏
                </button>
                <button type="button" class="el-btn el-btn-primary btn-download"><i class="iconfont icon-downloadfromthecloud"></i>下载离线文档</button>
            </div>
        </div>
    </div>
</div>
<div class="api-docs-content">
    <div data-toggle="scrollHeader" class="api-docs-header">
        <div class="container">
            <button type="button" class="el-btn el-btn-primary el-btn-invoke">立即调用</button>
            <ul data-toggle="apiTab" data-target="#tabDocsContent" class="api-docs-nav">
                <li class="active">
                    <a href="#">API文档</a>
                </li>
                <li>
                    <a href="#">错误参照码</a>
                </li>
                <li>
                    <a data-code="true" href="#">实例代码</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="api-docs-header-placeholader"></div>

    <div class="api-docs-tabs-content">
        <div class="container">
            ${require('./include/guessLike.html')}
            <div id="tabDocsContent" class="tab-content">
                <div class="api-docs-tab-pane active">
                    <ul data-toggle="apiTab" data-target="#apiIntroContent" class="api-intro-nav">
                        <li class="active">
                            <a href="#">银行卡四元素检测</a>
                        </li>
                        <li>
                            <a href="#">说明</a>
                        </li>
                    </ul>
                    <div  id="apiIntroContent" class="api-intro-content">
                        <div class="api-intro-tab-pane api-intro-tab-pane_api active">
                            <div class="api-intro-label-value">
                                <label class="api-intro-label">接口地址：</label>
                                <div class="api-intro-value">http://v.juhe.cn/verifybankcard4/query</div>
                            </div>
                            <div class="api-intro-label-value">
                                <label class="api-intro-label">接口地址：</label>
                                <div class="api-intro-value">http://v.juhe.cn/verifybankcard4/query</div>
                            </div>
                            <div class="api-intro-label-value">
                                <label class="api-intro-label">接口地址：</label>
                                <div class="api-intro-value">http://v.juhe.cn/verifybankcard4/query</div>
                            </div>
                            <div class="api-intro-label-value">
                                <label class="api-intro-label">接口地址：</label>
                                <div class="api-intro-value">
                                    http://v.juhe.cn/verifybankcard4/query.php?key=&bankcard=6259656360701234&realname=你好帅&idcard=310329198903010011&mobile=18912341234
                                </div>
                            </div>
                            <div class="mgb-30">
                                <a href="#" class="el-btn el-btn-primary">API测试工具</a>
                            </div>
                            <div class="titlebar api-docs-titlebar">
                                <h5 class="title">请求参数说明：</h5>
                            </div>
                            <table class="table table-api" border="0" cellspacing="0" cellpadding="0">
                                <thead>
                                <tr class="title">
                                    <th width="20"></th>
                                    <th width="100">名称</th>
                                    <th width="60">必填</th>
                                    <th width="80">类型</th>
                                    <th>说明</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">key</td>
                                    <td class="url">是</td>
                                    <td class="url">string</td>
                                    <td>您申请的key</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">realname</td>
                                    <td class="url">是</td>
                                    <td class="url">string</td>
                                    <td>姓名，需要utf8 Urlencode</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">idcard</td>
                                    <td class="url">是</td>
                                    <td class="url">string</td>
                                    <td>身份证号码</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">bankcard</td>
                                    <td class="url">是</td>
                                    <td class="url">string</td>
                                    <td>银行卡卡号</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">mobile</td>
                                    <td class="url">是</td>
                                    <td class="url">string</td>
                                    <td>手机号码</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td class="url">uorderid</td>
                                    <td class="url">否</td>
                                    <td class="url">string</td>
                                    <td>用户订单号,8到32位数字字母组合，要保证唯一</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="titlebar api-docs-titlebar">
                                <h5 class="title">JSON返回示例：</h5>
                            </div>
                            <div class="pre-box">
                            <pre>
{"reason": "成功",
    "result": {
        "jobid": "2015120913503797592",<font color="red">/*本次查询流水号*/</font>
        "realname": "商世界",<font color="red">/*姓名*/</font>
        "bankcard": "6259656360701234",<font color="red">/*银行卡卡号*/</font>
        "idcard": "310329198103050011",<font color="red">/*身份证号码*/</font>
        "mobile": "18912341234",<font color="red">/*预留手机号码*/</font>
        "res": "2",<font color="red">/*验证结果，1:匹配 2:不匹配*/</font>
        "message": "认证信息不匹配"<font color="red">/*描述*/</font>
    },
    "error_code": 0
}

                            </pre>
                            </div>
                        </div>
                        <div class="api-intro-tab-pane api-intro-tab-pane_api">
                            <div class="api-intro-label-value">
                                <label class="api-intro-label">接口地址：</label>
                                <div class="api-intro-value">http://v.juhe.cn/verifybankcard4/query</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="api-docs-tab-pane">
                    <div class="titlebar api-docs-titlebar">
                        <h5 class="title">服务级错误码参照(error_code)：</h5>
                    </div>
                    <table class="table table-api" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                        <tr class="title">
                            <th width="20"></th>
                            <th width="100">名称</th>
                            <th width="60">必填</th>
                            <th width="80">类型</th>
                            <th>说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">key</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>您申请的key</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">realname</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>姓名，需要utf8 Urlencode</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">idcard</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>身份证号码</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">bankcard</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>银行卡卡号</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">mobile</td>
                            <td class="url">是</td>
                            <td class="url">string</td>
                            <td>手机号码</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td class="url">uorderid</td>
                            <td class="url">否</td>
                            <td class="url">string</td>
                            <td>用户订单号,8到32位数字字母组合，要保证唯一</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="api-docs-tab-pane">
                    <div class="titlebar api-docs-titlebar">
                        <h5 class="title">完整教学代码示例：</h5>
                    </div>
                    <table class="table table-code" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                        <tr>
                            <td width="40">&nbsp;</td>
                            <td width="100">语言</td>
                            <td>标题</td>
                            <td>提供者</td>
                            <td>时间</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td colspan="5" class="text-center">暂无教学代码，小聚正在拼命添加中....</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="titlebar api-docs-titlebar">
                        <h5 class="title">常见问题：</h5>
                    </div>
                    <table class="table table-api" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                        <tr>
                            <td width="40">&nbsp;</td>
                            <td width="100"> 内容</td>
                            <td>详细</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td width="40">&nbsp;</td>
                            <td width="100"> 内容</td>
                            <td><a href="#"> http://www.juhe.cn/qa/index/1530404007</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="api-docs-tab-pane">
                    <div class="titlebar api-docs-titlebar">
                        <h5 class="title">联系我们：</h5>
                    </div>
                    <table class="table table-concat-us" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                        <tr>
                            <td width="40">&nbsp;</td>
                            <td width="100"> 内容</td>
                            <td>详细</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td width="40">&nbsp;</td>
                            <td width="100"> 内容</td>
                            <td><a href="#"> http://www.juhe.cn/qa/index/1530404007</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

${require('./include/footer.html')}
</body>
</html>